*{
    margin: 0;
    padding: 0;
}
body{
    background-color: #f3f0eb;
}
li{
    list-style: none;
}
.header-warp{
    width: 100%;
    min-width: 1180px;


    position: fixed;
    top:0;
    z-index: 999;

}
.header-top{
     width: 100%;
    min-width: 1180px;
    height: 70px;
    background-color: #2a2a2d;
}
.header-content{
    width: 1180px;
    margin: 0 auto;
    height: 70px;
}
.search{
    width: 285px;
    padding: 15px 0;
    margin:0 auto;
}
.search-wrap{
    width: 285px;
    height: 40px;
    border-radius: 20px;
    background-color: white;
}
.search-keyword{
    width: 190px;
    height: 20px;
    border: 0;
    box-sizing: content-box; /*search框 默认的合子模型是border-box border和padding算在width和height*/
    margin-left: 20px;
    padding: 10px;
    float: left;

}
.search-submit{
    width: 50px;
    height: 40px;
    border-radius: 0 20px 20px 0;
    border: 0;
    margin-left: 5px;
    background: #ffdc35 url(../img/tips_tz.png) no-repeat -190px -64px;

}
.header-submenu{
    width: 100%;
    height: 60px;
    min-width: 1180px;
    background-color: white;
}
 .header-submenu-warp{
     width: 1180px;
     margin: 0 auto;
 }
 .header-submenu-list>li{
     float: left;
     list-style: none;
     margin: 15px;
     font:18px/30px;
 }

.header-submenu-list>li>a{
    text-decoration: none ;
    color: black;
}
.header-submenu-list>li>a:hover{
    color: red;
}
.clear-fix::after{
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.gift—wrap{
    width: 1180px;
    margin: 0 auto;
    padding-top: 130px;
}
.gift-ad{
    width: 100%;
    margin-top: 10px;
}
.gift-content{
    width: 1140px;
    background-color: white;
    padding:0 20px ;
}
.gift-location{
    height: 34px;
    line-height: 34px;
    font-size:14px;
    color: #a6a6a6;
}
.gift-location>a{
    color: #a6a6a6;
    text-decoration: none;

}
.gift-location>a:hover{
    color: red;
    text-decoration: underline;
}
.gift-filter{
    font-size: 14px;
    color: black;

}
.gift-filter-count{
    border-bottom: 1px solid #e5e5e5;
}
.gift-filter-count .s1{
    font-size: 18px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid red;
    margin-right: 20px;
}
.gift-filter-count .s2{
    color: red;
}
.gift-filter-category{
    margin-top: 13px;
}
.gift-filter-category li{
    list-style: none;
    border-bottom: ipx dashed #e5e5e5;
    display: flex;
    flex-direction: row;
    height: 35px;
    line-height: 35px;
}
.category-warp{
    margin-left: 30px;
}
.category-warp a{
    display: inline-block;
    height: 24px;
    line-height: 24px;
    border: 1px solid #e5e5e5;
    padding:0 15px;
    margin-right: 30px;
    text-decoration: none;
    color: black;

}
.category-warp .foucs>a{
    background-color: black;
    color: white;

}
.category-warp a:hover{
    background-color: red;
    color: white;
}
.chanel{
    margin-top: 22px;
}
.chanel-list{
    border:1px solid #e5e5e5;
    height: 40px;

}
.chanel-list .top{
    float: left;
    border-right: 1px solid #e5e5e5;
}
.chanel-list .update{
    float: left;
    border-right: 1px solid #e5e5e5;
}
.chanel-list .count{
    float:right;
    border-left: 1px solid #e5e5e5;
}
.chanel-list li>a{
    display: inline-block;
    padding:0 20px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    color: black;
}
.chanel-list li>a:hover{
    background-color: red;
    color: white;
}
.game-list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.game-list-warp{
    font-size: 14px;
    color: #d6d6d6;
}
.game{
    width: 570px;
    padding: 45px 0;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #bfbfbf;

}
.game-img img{
    height:120px;
    width: 120px;
    border-radius:20px;
}
.game_info{
    margin-left: 20px;
}
.game-name{
    color: black;
    font-size: 18px;
    font-weight: bold;
    margin-right: 10px;
}
.game_info p:first-child{
    color: #2a2a2d;
}
.game_info p:nth-child(2) span{
    color:black;
}
.game_info p{
    height:30px;
    line-height: 30px;
}
.game_info p:last-child a{
    display: inline-block;
    width: 85px;
    height: 30px;
    border: 1px solid #e5e5e5;

    font-size: 14px;
    color: #bfbfbf;
    text-decoration: none;

    text-indent: 24px;

}
.game_info p:last-child a:hover{
    background-color: red;
    color: white;

}

.zq{
    background: url(../img/tips_tz.png) no-repeat -15px -9px;
}
.lb{
    background: url(../img/tips_tz.png) no-repeat -15px -43px;
}
.lt{
    background: url(../img/tips_tz.png) no-repeat -15px -80px;
}
.xz{
    background: url(../img/tips_tz.png) no-repeat -15px -122px;
}
.pager-list{
    padding: 40px 0 20px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.pager-list a{
    display: inline-block;
    height: 30px;

    padding:0 15px;
    line-height: 30px;

    text-decoration: none;
    border:1px solid #bfbfbf;
    margin-right: 3px;
    color: black;
}
.pager-list a:hover{
    background-color: red;
    color:white;
}
.footer{
    width: 100%;
    min-width: 1180px;
    height: 400px;
    background-color: #2a2a2d;

    margin-top: 40px;
    text-align: center;

}
.f1{
    display:block;
    padding-top: 40px;
    color: white;
    text-decoration: none;
}
.f1 a:first-child:hover{
    color: red;
}
.f2{
    display: block;
    margin: 40px;
    color: #bfbfbf;
}


